<template>
	<!-- 关于我们 -->
	<view class="about-view">
		<view class="preserve-up">
			<image :src="desc.companyLogo" mode=""></image>
			<view class="preserve-time">
				{{desc.companyName}} {{desc.companyApp}}
			</view>
		</view>
		
		<view class="msg">
			{{$t("about.company")}}： <view class="" style="text-indent:2em;padding: 20rpx;">
				{{$t("goodsReleased.language") == "zh"?desc.companyProfile:desc.companyProfileEn}}
			</view>
		</view>
		
		<view class="mobile">
			{{$t("about.mobile")}}：{{desc.companyPhone}}
		</view>
		
		<view class="mobile">
			{{$t("about.email")}}：{{desc.companyMail}}
		</view>
	</view>
	
</template>

<script>
	import { getAboutUs } from "@/common/api.js"
	
	export default {
		data() {
			return {
				desc: {}
			}
		},
		methods: {
			async initData() {
				// console.log("发起请求");
				const res = await getAboutUs()
				// console.log(res.data);
				this.desc = res.data;
				// console.log(this.desc.companyPhone);
			}
		},
		onLoad() {
			this.initData();
		},
		onReady() {
			uni.setNavigationBarTitle({ title: this.$t("about.title")});
		}
	}
</script>

<style lang="scss" scoped>
	.preserve-up {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 85rpx;

		image {
			width: 230rpx;
			height: 230rpx;
		}

		.preserve-time {
			color: #000000;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
		}
	}
	
	.msg {
		margin: 0 32rpx;
		margin-top: 48rpx;
		color: #000000;
		font-family: PingFang SC;
		font-weight: regular;
		font-size: 28rpx;
	}
	
	.mobile {
		margin: 0 32rpx;
		margin-top: 32rpx;
		color: #000000;
		font-family: PingFang SC;
		font-weight: regular;
		font-size: 28rpx;
	}
</style>